$div--padding: 10px;
.div {
    border: 1px solid #000;
    padding: $div--padding;
    .div2 {
        height: 40px;
        background: rgb(171, 227, 235);
        border-left-style: solid;
        border-color: rgb(36, 124, 226);
        border-width: 10px;
        &.active {
            background: $blue500;
            color: #fff;
        }
        &:hover {
            background: rgb(221, 178, 35);
            border: 1px solid #c6e2ff;
        }
        &.active:hover {
            background: rgb(35, 221, 50);
            color: #fff;
        }
    }
    &_div3 {
        background: rgb(223, 82, 17);
        height: 40px;
    }
    .button {
        border: 1px solid #000;
        &::before {
            content: "";
            display: inline-block;
            width: 10px;
            height: 20px;
            background-color: red;
        }
        &::after {
            content: "";
            display: inline-block;
            width: 10px;
            height: 20px;
            background-color: rgba(226, 6, 160, 0.4);
        }
    }
}